<template>
  <!-- 病历登记  -->
  <section>
    <el-form @submit.native.prevent="onSubmit" label-width="100px" ref="form" label-position="top" :model="form" :rules="rules">
       <br>
      <el-form-item label="主诉:">
        <el-input type="textarea" :rows="3"></el-input>
      </el-form-item>
      <el-form-item label="现病史:">
        <el-input type="textarea" :rows="3"></el-input>
      </el-form-item>
      <el-form-item label="上传图片：">
        <moreImgUpLoad v-model="form.imgs"></moreImgUpLoad>
      </el-form-item>
      <el-form-item label="既往病史:">
        <el-input type="textarea" :rows="3"></el-input>
      </el-form-item>
      <el-form-item label="体格检查:">
        <el-input type="textarea" :rows="3"></el-input>
      </el-form-item>
      <el-form-item label="备注:">
        <el-input type="textarea" :rows="3"></el-input>
      </el-form-item>
      <el-form-item label="">
        <el-button type="primary" :loading="btnLoading" native-type="submit">提交</el-button>
        <el-button>重置</el-button>
      </el-form-item>
    </el-form>
  </section>
</template>
<script>
import moreImgUpLoad from "@/components/moreImgUpLoad.vue";
export default {
  components: {
    moreImgUpLoad: moreImgUpLoad
  },
  data() {
    return {
      btnLoading: false,

      form: {
        imgs: []
      },
      rules: {}
    };
  }
};
</script>
